<template>
    <div>
        <div class="menu1">
            <van-grid :column-num="5" :center="true"
            >
                <van-grid-item v-for="value in menulist"
                               :key="value.name"
                               icon="photo-o"
                               text="文字"
                               :to="value.to+`?title=${value.name}`"
                >

                    <van-image
                            :src="value.img"
                            width="40"
                            height="40"/>
                    <div>
                        {{value.name}}
                    </div>
                </van-grid-item>
            </van-grid>
        </div>
    </div>
</template>

<script>
    export default {
        props: ["menulist"]
    }
</script>

<style scoped>

</style>